<template>
	<view class="main">
		
		<view class="info">
			<view class="info-title">{{dataInfo.name}}</view>
			<view class="info-time">{{$u.timeFormat(dataInfo.createTime, 'yyyy.mm.dd hh:MM')}}</view>
			<view class="info-content">
				 <rich-text :nodes="dataInfo.content"></rich-text>
				<!-- <text v-html="dataInfo.content"></text> -->
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			msgId:'',
			dataInfo:{}

			}
		},
		onLoad(options) {
			this.msgId = options.id
			this.getInfo()
		},
		
		methods: {
			getInfo(){
				this.$postjson('/api/RqNotice/info',{id:this.msgId}).then(res=>{
					this.dataInfo = res.data.data
				})
			}

		},

	}
</script>

<style lang="scss" scoped>
	page {
		background: #F1F8F5;
	}
	.main {
		padding: 18upx 24upx;
		padding-bottom: 260upx;
	}
	.info{
		background: #FFFFFF;
		border-radius: 10rpx;
		width: calc(100% - 40upx);
		padding:30upx 20upx 60upx 20upx;
		.info-title{
			font-family: PingFangSC, PingFang SC;
			font-weight: 500;
			font-size: 32rpx;
			color: #111111;
			margin-bottom: 20upx;
		}
		.info-time{
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 24rpx;
			color: #999999;
			margin-bottom: 42upx;
		}
		.info-content{
			font-family: PingFangSC, PingFang SC;
			font-weight: 400;
			font-size: 28rpx;
			color: #333333;
			min-height: 768rpx;
		}
	}

</style>